<?php $this->load->view('public_header');?>
        <!-- header image -->
        <div class="header-img-2"></div>
        <!-- end header image -->
        <!-- Welcome message -->
        <div class="welcome-container">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="welcome-wrapper">
                            <h2 class="welcome-title text-uppercase">About Us</h2>
                            <img src="/static/img/welcome-divider-lines.png" alt="Welcome divider" class="welcome-divider-lines-img">
                            <p class="welcome-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc posuere lectus augue, non rhoncus erat accumsan eu. Sed dictum sem.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Welcome message -->
        <!-- main content -->
        <section class="templatemo-container section-shadow-bottom">
            <div class="container">
                <div class="row section-title-container">
                    <div class="col-lg-12 text-uppercase text-center">
                        <h2 class="section-title">家乡知多少</h2>
                        <div class="section-title-underline-blue"></div>
                        <hr class="section-title-underline">
                        <p class="small">Lorem ip sums</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-7 col-md-7 col-sm-7 tm-about-left">
                        <img src="/static/img/7.jpg" alt="Image" class="img-responsive margin-bottom-30">
                        <h3 class="section-title-2 text-uppercase font-weight-300"><b>河西村</b> <span class="blue-text">概况</span></h3>
                        <p class="justify-text">
河西村  位于乡人民政府驻地东南2.1公里处。2014年底，有耕地4067.01亩；人口2018人。本村由秦、贾二姓始建于唐代中期。明永乐二年（1404年），侯氏大仁、大义、大友三兄弟自山西迁来定居，以居于河道之西称村为河西村。民国27年（1938年）1月，高阳县民族革命战争战地总动员委员会和高阳县抗日民主政府诞生于此地。河西村是著名的北方昆曲之乡，1957年北方昆曲院在北京成立，全院仅有的10名老艺人都曾从艺于河西村，其中有5位就是河西村人，剧院的乐队从队长到全班乐手，清一色都是从河西村直接调来。为传承北昆这一国家级非物质文化遗产，中国北方昆曲剧院多次开展寻根之旅走进发祥地河西村慰问演出，并于2013年在河西村成了了北方昆曲培训基地，北昆剧院的老师们每月两次到河西村指导孩子们练习。目前，在北昆剧院和本村老艺人的指导下，小学员们已能排练一些简单的曲目。村内有阳光电器设备有限公司、双强电气设备有限公司等企业，是电器电料产业中的龙头企业。村支部成员有4人，其中侯金钊为村支书；村委会成员有3人，其中侯冠英为村主任。
                        </p>
                        <p class="justify-text margin-bottom-30"></p>
                        <a href="#" class="btn-blue-gradient">Prima Liuam</a>
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-5 tm-about-right">
                        <div class="tm-img-container margin-bottom-30">
                            <div class="tm-img-overlay">
                                <p class="img-description">Feufelisda</p>
                                <p class="img-title">Nullam Acurna</p>
                            </div>
                            <img src="/static/img/8.jpg" alt="Image" class="img-responsive">
                        </div>
                        <div class="tm-img-container margin-bottom-30">
                            <div class="tm-img-overlay">
                                <p class="img-description">Feufelisda</p>
                                <p class="img-title">Nullam Acurna</p>
                            </div>
                            <img src="/static/img/9.jpg" alt="Image" class="img-responsive">
                        </div>
                        <div class="tm-img-container margin-bottom-30">
                            <div class="tm-img-overlay">
                                <p class="img-description">Feufelisda</p>
                                <p class="img-title">Nullam Acurna</p>
                            </div>
                            <img src="/static/img/10.jpg" alt="Image" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="templatemo-container light-gray-bg section-shadow-bottom">
            <div class="container">
                <div class="row section-title-container">
                    <div class="col-lg-12 text-uppercase text-center">
                        <h2 class="section-title">Who we are</h2>
                        <div class="section-title-underline-blue"></div>
                        <hr class="section-title-underline">
                        <p class="small">Proin Gravidani</p>
                    </div>
                </div> <!-- row -->
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-4 text-center tm-about-container-2">
                        <img src="/static/img/11.png" alt="Image">
                        <h3 class="text-uppercase about-h3">Lorem Quis</h3>
                        <p class="about-description">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor nisi elit consequat.</p>
                    </div>
                   <div class="col-lg-4 col-md-4 col-sm-4 text-center tm-about-container-2">
                        <img src="/static/img/12.png" alt="Image">
                        <h3 class="text-uppercase about-h3">Proin Gravid</h3>
                        <p class="about-description">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor nisi elit consequat.</p>
                   </div>
                   <div class="col-lg-4 col-md-4 col-sm-4 text-center tm-about-container-2">
                        <img src="/static/img/13.png" alt="Image">
                        <h3 class="text-uppercase about-h3">Consequat</h3>
                        <p class="about-description">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor nisi elit consequat.</p>
                    </div>
                </div>
            </div>
        </section>
        <section class="templatemo-container">
            <div class="container">
                <div class="row margin-bottom-30">
                    <div class="col-lg-12 text-uppercase text-center">
                        <h2 class="section-title">Recent Posts</h2>
                        <div class="section-title-underline-blue"></div>
                        <hr class="section-title-underline">
                        <p class="small">Proin Gravidani</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="recent-post-container">
                            <h3 class="text-uppercase recent-post-title margin-bottom-30"><span class="font-weight-700">Aenean</span> <span class="font-weight-300 blue-text">Sollicitum</span></h3>
                            <img src="/static/img/14.jpg" alt="Image" class="img-responsive margin-bottom-30">
                            <p class="justify-text"><span class="red-text">Aenean sollicitudin</span>, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="recent-post-container">
                            <h3 class="text-uppercase recent-post-title margin-bottom-30"><span class="font-weight-700">Lorem</span> <span class="font-weight-300 blue-text">Ipsums</span></h3>
                            <img src="/static/img/15.jpg" alt="Image" class="img-responsive margin-bottom-30">
                            <p class="justify-text"><span class="red-text">Aenean sollicitudin</span>, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="recent-post-container">
                            <h3 class="text-uppercase recent-post-title margin-bottom-30"><span class="font-weight-700">Duis</span> <span class="font-weight-300 blue-text">Sedoido</span></h3>
                            <img src="/static/img/16.jpg" alt="Image" class="img-responsive margin-bottom-30">
                            <p class="justify-text"><span class="red-text">Aenean sollicitudin</span>, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="recent-post-container">
                            <h3 class="text-uppercase recent-post-title margin-bottom-30"><span class="font-weight-700">Amet</span> <span class="font-weight-300 blue-text">Nigh</span></h3>
                            <img src="/static/img/17.jpg" alt="Image" class="img-responsive margin-bottom-30">
                            <p class="justify-text"><span class="red-text">Aenean sollicitudin</span>, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
       <?php $this->load->view('public_footer');?>
    </body>
</html>
